<!DOCTYPE html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<title>会议室预约</title>
	<meta name="description" content="">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
	<meta http-equiv="cleartype" content="on">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/assets/meeting/css/style.css">
	<link rel="stylesheet" href="/assets/public/mobiscroll/css/mobiscroll.custom-3.0.0-beta2.min.css">
	<link rel="stylesheet" href="/assets/public/layermobile/css/layer.css">
</head>
<body>
<div class="wraper normal" js="wapjs/meeting/js/meetingpanel">
	<div class="head clearfix">
		<a href="/Meeting/Meeting/uCenter/account_id/{BEESCRM:$accountId}" class="iconfont icon-zuo"></a>
		<span class="head-name">会议室列表</span>
		<a href="#" class="text-right filter" data-account_id="{BEESCRM:$accountId}">搜索</a>
	</div>
	<div class="tab tab-three text-12 clearfix">
		<foreach name="showDate" item="vo">
			<a href="{BEESCRM::U('/meeting/meetingRoom/roomUseList',array('account_id' => $accountId,'select_time' => $vo ,'room_name' => $roomName,'room_type' => $roomType,'area' => $meetingArea))}"
			   class="js_select_time tab-list <if condition='$selectTime eq $vo'>visited</if> " data-time="{BEESCRM:$vo}">{BEESCRM:$vo|date="Y年m月d日",###}</a>
		</foreach>
	</div>
	<if condition="$roomIdleTimeArr eq ''">
		<div style="text-align:center;margin-top: 50%;color: #ccc;">
			暂无会议室信息
		</div>
	</if>

	<foreach name="roomIdleTimeArr" item="vo" key="key">
		<div class="lists scroll-time text-12" id="scroll-{BEESCRM:$key}">
			<p class="bottom-space">{BEESCRM:$roomData[$key]['room_name']}<span class="color-list pull-right text-gray"><span class="color-block bg-white"></span>可预约时段</span></p>
			<div class="scroll-box">
				<if condition="$vo">
					<div class="time-box clearfix ">
						<foreach name="vo" item="v" key="k">
							<if condition="$k elt 8">
								<a href="#" class="time-block">
									<p>{BEESCRM:$v.start_time|date="H:i",###}</p>
									<p>{BEESCRM:$v.end_time|date="H:i",###}</p>
								</a>
							</if>
						</foreach>
					</div>
					<a href="javascript:;" data-url="{BEESCRM::U('/meeting/meetingRoom/roomUseDetail',array('account_id' => $accountId,'meeting_room_id' => $roomData[$key]['meeting_room_id'] ))}" class="time-block more">
						<p>更多</p>
					</a>
					<switch name="roomData.$key.status">
						<case value="1">
							<span class="cover hide">开启</span>
						</case>
						<case value="2">
							<span class="cover">禁用</span>
						</case>
						<case value="3">
							<span class="cover">检修</span>
						</case>
					</switch>
				<else />
					<span class="cover noappoint" data-url="{BEESCRM::U('/meeting/meetingRoom/roomUseDetail',array('account_id' => $accountId,'meeting_room_id' => $roomData[$key]['meeting_room_id'] ))}">当天暂无可预约时段</span>
					<!--<span class="cover">当天暂无可预约时段</span>-->
				</if>
			</div>
		</div>
	</foreach>
</div>


<script type="text/javascript" src="/assets/public/seajs/sea.js"></script>
<script enter="publicjs/public" id="confnode" async="async" src="/assets/public/config.js"></script>
<script type="text/javascript" src="/assets/public/jquery-2.1.0.min.js"></script>
<include file="Append/roomusesearch" />
</body>
<script type="text/javascript">
	$(".more").on('click',function () {
		var url = $(this).attr('data-url');
		var select_time = $(".js_select_time.visited").attr('data-time');
		url = url+'/select_time/'+select_time;
		location.href = url;
	})

	$(".noappoint").click(function () {
		var url = $(this).attr('data-url');
		var select_time = $(".js_select_time.visited").attr('data-time');
		url = url+'/select_time/'+select_time;
		location.href = url;
	})

</script>
</html>